<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta>
    <title>账号</title>


    <style>
        body {
            width: 100%;
            margin: 0 auto;
            font-size: 14px;
            line-height: 24px;
            color: rgb(237, 237, 237);
        }

        img {
            height: 24px;
            width: 24px;
        }

        #green {
            background-color: green;
        }

        #green .right{
            position: absolute;
            right: 0;
            margin-right: 0;}
        
        .textMassage {
            display: flex;
            flex-wrap: nowrap;
            letter-spacing: 10px;
        }
        .textMassage h3{ 
            border-right: 1px solid;
        }

        .textMassage,
        h3,
        span {
            color: black;
        }
        
        
        .accountT{
            width: 100%;
            position: relative;
        }
        
        
        .accountT p{
            color: #000;
            display: inline-block;
            padding-bottom: 10px;
        }
        .accountT li{
            list-style: none;
        }
        .accountT span{
            position: absolute;
            right:50px;
        }
        .accountT p{
            padding-right: 80px;
        }




        #footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            min-width: 320px;
            z-index: 100;
        }

        .footercontainer {
            height: 60px;
            min-width: 320px;
            background-color: #fff;
        }

        .footercontainer ul {
            width: 100%;
            height: 60px;
            text-align: center;
            display: flex;
        }

        .footercontainer ul li {
            width: 30%;
            height: 60px;
        }

        .footercontainer a {
            margin: 0;
            padding: 0;
            color: #000;
            text-decoration: none;
        }

        .footercontainer ul li a img {
            height: 32px;
            width: 32px;
            margin: 0 auto;
            padding: 0;
        }

        .footercontainer ul li p {
            margin-top: 0;
            margin-bottom: 0;
        }
    </style>
</head>

<body>
    <div id="green">
        <div class="right"><img src="images/tishi.png"><img src="images/shezhi1.png"></div>
        <div class="my">
            <img src="./images/I.jpg" class="tx" style="width: 40px; height: 40px; border-radius: 50%;">
            <span>昵称</span><img src="images/go2.png">
            <div><span id="haveLearedTime">已学习100小时20分钟</span></div>
            <div class="textMassage">
                <h3>0</h3>
                <p>讨论</p>
                <h3>0</h3>
                <p>关注</p>
                <h3>5</h3>
                <p>证书</p>
            </div>
        </div>
    </div>
    <ul class="accountT">
        <li><img src="images/kanjia.png" alt="">
                <p>我的砍价</p><span>&gt;
            </span></li>
        <li><img src="images/tuangou.png" alt="">
                <p>我的团购</p><span>&gt;
            </span></li>
        <li><img src="images/tuiguang.png" alt="">
                <p>我的推广</p><span>&gt;
            </span></li>
        <li><img src="images/youhuijuan.png" alt="">
                <p>我的优惠劵</p><span>&gt;
            </span></li>
        <hr>
        <li><img src="images/share.png" alt="">
            <p>分享APP</p><span>&gt;</span>
        </li>
        <li><img src="images/pingfen.png" alt="">
            <p>去评分</p><span>&gt;</span>
        </li>
    </ul>

    <footer id="footer">
        <div class="footercontainer">
            <ul>
                <li id="f"> <a href="index.html" onclick="say()"><img src="images/home.png" alt="">
                        <p>首页</p>
                    </a>
                </li>
                <li id="f"><a href="mystudy.html" onclick="say()"><img src="images/mystudy.png" alt="">
                        <p>我的学习</p>
                    </a>
                </li>
                <li id="f"><a href="account.html" onclick="say()"><img src="images/account.png" alt="">
                        <p>账号</p>
                    </a>
                </li>
            </ul>
        </div>
    </footer>
    <script src="js/change.js"></script>
</body>

</html>